import React from 'react'
import AvatarImg from '../AvaterImg'
import Title from '../Title'
class BasicInfo extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      name: '',
      sex: '',
      birthday: '',
      workTime: '',
      habitationProvince: '',
      habitatioCity: '',
      HouseholdProvince: '',
      HouseholdCity: '',
    }
  }
  render() {
    const { name, sex, birthday, workTime, habitationProvince, habitatioCity, HouseholdProvince, HouseholdCity } = this.state
    return (
      <>
        <Title title={'基本信息'} />
        <div className="Form">
          {/* 表单区域 */}
          <div className="formArea">
            <div className="putcon">
              <input type="text" placeholder="姓名" value={name} />
            </div>
            <div className="disflex">
              性别 :
              <div>
                <input type="radio" sex="man" value={sex} />男
                <input type="radio" sex="sex" value={sex} />女
              </div>
            </div>
            <div className="putcon">
              <input type="text" placeholder="生日"  value={birthday} />
            </div>
            <div className="putcon">
              <input type="text" placeholder="工作经验" value={workTime} />
              <i className="icon-angle-down"></i>  
            </div>
            <div className="putcon">
              <input type="text" placeholder="现居地( 省 )  " value={habitationProvince} />
              <i className="icon-angle-down"></i>
            </div>
            <div className="putcon">
              <input type="text" placeholder="现居地( 市 )" value={habitatioCity} />
              <i className="icon-angle-down"></i>
            </div>
            <div className="putcon">
              <input type="text" placeholder="户口地( 省 )" value={HouseholdProvince} />
              <span className="icon-angle-down"></span>
            </div>
            <div className="putcon">
              <input type="text" placeholder="户口地( 市 )" value={HouseholdCity} />
              <i className="icon-angle-down"></i>
            </div>
          </div>
          {/* 图片上传 */}
          <AvatarImg />
        </div>
        <div className="whetherPreserve">
          <button className="btn bgBlue">保存</button>
          <button className="btn">取消</button>
        </div>
      </>
    )
  }
}

export default BasicInfo
